<template>
  <view class="order-p body column">
    <Empty v-if="list.length == 0" />
    <view class="main" v-else>
      <view>
        <view v-for="(item, index) in list" :key="index" class="item">
          <view class="f-view row">
            <view class="l-view"> 向商户{{ item.merchant_name }}付款 </view>
            <view class="r-view">{{ item.order_amount || 0 }}</view>
          </view>
          <view class="s-view row">
            <view class="date">{{ item.create_time || "--" }}</view>
            <view class="state" v-if="item.status == 1">支付成功</view>
            <view class="state c-red" v-else>待支付</view>
          </view>
        </view>
      </view>
    </view>
    <button
      class="kf-icon"
      open-type="im"
      :data-im-id="imId"
      @im="imCallback"
     @error="onimError"
    >
      <image class="kf-icon" style="width: 84rpx;height: 84rpx;" src="/static/img/kf.png" mode="scaleToFill" />
    </button>
  </view>
</template>

<script>
import mixins from "./mixins/index";
import Empty from "@/components/empty/index";
export default {
  mixins,
  components: {
    Empty,
  },
};
</script>

<style lang='scss' scoped>
@import "./src/style.scss";
</style>